<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>

	<head>
		<title>Royal Hotel</title>
		<!-- for-mobile-apps -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Hotel Checkout Form Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- //for-mobile-apps -->
		<link href="../css/style2.css" rel="stylesheet" type="text/css" media="all" />
		<script src="js/jquery.min.js"></script>
		<link href='//fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
		<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
		<!-- script for close -->
		<script type="text/javascript" src="js/room-order.js"></script>
		<script>
			$(document).ready(function(c) {
				$('.alert-close').on('click', function(c) {
					$('.vlcone').fadeOut('slow', function(c) {
						$('.vlcone').remove();
					});
				});
			});
		</script>
		<script>
			document.getElementById("#room_type").innerHTML = roomtype;
		</script>
		<!-- //script for close -->
	</head>

	<body>
		<script src="js/head.js"></script>
		
		<div class="main">
			<h1>HOTEL CHECKOUT FORM</h1>
			<div id="" style="float: left;width: 260px ;height: 200px;">

			</div>
			<div class="hotel-right  vlcone">
				<div class="alert-close"> </div>
				<div class="hotel-form">
					<h3>Receipt Form</h3>
					<ul class="list_ins1">
						<li>房间号:</li>
						<li>房间类型</li>
						<li>房间价格:</li>
						<li>优惠折扣:</li>
						<li>Total</li>
					</ul>
					<ul class="list_ins2">
						<li>: 201</li>
						<li id="room_type">: 房间类型</li>
						<li>: $10.00</li>
						<li>: $0.00</li>
						<li>: $510.00</li>
					</ul>
					<div class="clear"></div>
				</div>
				<div class="pay-form">
					<form>
						<h3>Payment Information</h3>
						<h5>Name On Credit Card</h5>
						<input type="text" value="James Thompson" readonly="true ">

						<h5>Credit Card Number</h5>
						<input class="card_logo" type="text" value="2525 2525 2525 2525" readonly="true">

						<h5>预定时间</h5>
						<input id="country" value=" " class="required text_box" readonly="true">

						</input>
						<h5>离开时间</h5>
						<input type="number" class="text_box" type="text" value="" readonly="true" />

						<div class="clear"></div>
						<h5>订单号</h5>
						<input type="text" value="" required="" readonly="true">

						<input type="submit" value="BOOK SECURELY">
					</form>
					<p><span></span>Your credit card information is encrypted.</p>
				</div>
			</div>
			<div class="hotel-left">
				<div class="hotel-text">
					<h2>ROYAL PALACE</h2>
					<h3> $250.00 / <span>night</span></h3>
					<p>Entire Room for 5 members.</p>
					<p>Thursday, Dec 10, 2014 to Thursday, Dec 12, 2014.</p>
				</div>
			</div>
			<div class="clear"></div>
			<p class="footer">&copy; 2015 Hotel Checkout Form. All Rights Reserved | Design by
				<a href="../http://w3layouts.com/"> W3layouts</a>
			</p>
		</div>
		<script>
			function jieshou() {
			 if(url.indexOf("?") == -1) {
        return {};
    }
    var query = url.split("?")[1];
    var queryArr = query.split("&");
    var obj = {};
    queryArr.forEach(function(item){
        var key = item.split("=")[0];
        var value = item.split("=")[1];
        obj[key] = decodeURIComponent(value);
    });
    return obj;
			}
		</script>
	</body>

</html>